body {
    margin: 0;
    padding: 0;
}

#mainpage {
	width:800px;
	
	margin-left: auto ;
	margin-right: auto ;
}

#footerpart {
	background:#2266bb;
	height:25px;
	position:relative;
}
#footerpart  .tree{
	position:absolute;
	bottom:0px;
	left:0px;
	width:300px;
}
#footerpart  .copyright{
	position:absolute;
	bottom:0px;
	right:0px;
	width:600px;
}
#headerpart {
	
	height:120px;
}

#menubar {
	background:#6a0575;
	height:30px;
	margin-bottom:5px;
	color:white;
}
.menu_out {
	width:80px;
	background-color:#eceef5;
	border:1px solid #FBC43C;
	/*border-radius:4px;*/
	padding:4px; 
	margin:2px 2px;
	float:left;
}
.menu_in {
	padding-right:10px;
	padding-left:10px;
}
.menu {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#000033;
	white-space:nowrap;
	display:block; 
	text-align:center;
}
#danhngon {
	position:relative;
}
#danhngon_tren {
	position:absolute;
	top:0;
	right:10;
	font-style:bold;
	font-size:13px;
}
#danhngon_duoi {
	position:absolute;
	top:16;
	right:10;
	font-style:italic;
	font-size:11px;
}
#leftside {
	float:left;
	width:500px;
}

#rightside {
	float:left;
	width:290px;
	margin-left:10px;
}
#logo {
	width:100px;
	float:left;
	height:110px;
	margin-top:10px;
	margin-left:5px;
}

#title {
	float:left;
	width:680;
	background-image:url("hinh/home-banner-time2.jpg");
	height:115px;
	margin-left:15px;
	background-repeat:repeat-x;
	background-size:100%;
}
#title  span{
	text-transform:uppercase;
	padding-left:60px;
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #5c0408;
	opacity: 0.5;
	font: 50px 'Museo700';
}
.rightwidget {
	background:#f0f5f7;
	margin-bottom:8px;
	box-shadow: 0 0 5px #bbb;
	padding:5px;
}
.datecol {
	width:14%;
}
.motdong {
	margin-bottom:3px;
	background:#f7f0f7;
	min-height:50px;
}
.motdong:hover{
	background:#CAFA3C;
}
.tieude {
	text-align:center;
}
a {
    text-decoration: none;
	color: black;
}
a:visited, a:active {
  color: black;
}
a:hover {
	color:red;
}
div.camera {
	background-image: url("hinh/camera.png");
}
div.wiki {
	background-image: url("hinh/wiki.png");
}
div.article {
	background-image: url("hinh/article.png");
}
div.video {
	background-image: url("hinh/video.png");
}
.tulieu {
	margin-bottom:3px;
	background-repeat:no-repeat;
	background-size:17px 17px;
	padding-left:20px;
}

.miniicon {
	margin-left:5px;
}

.calendar{
	margin:3px 10px 5px 5px;
	/*padding-top:5px;*/
	float:left;
	width:50px;
	
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 15px/33px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	text-shadow:#fff 0 1px 0;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
	}
.calendar span{
	display:block;
	font:normal bold 12px/14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-shadow:#00365a 0 -1px 0;	
	background:#04599a;
	background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a)); 
	background:-moz-linear-gradient(top,  #04599a,  #00365a); 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;	
	border-bottom-left-radius:3px;	
	border-top:1px solid #00365a;
	margin-top:-6px;
	padding-bottom:2px;
	}	
.calendar:before, .calendar:after{
	content:'';
	float:left;
	position:absolute;
	top:4px;	
	width:6px;
	height:6px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	}
.calendar:before{left:7px;}	
.calendar:after{right:7px;}	
.calendar span:before, .calendar span:after{
	content:'';
	float:left;
	position:absolute;
	top:-3px;	
	width:2px;
	height:10px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); 
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa); 
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}
.calendar span:before{left:9px;}	
.calendar span:after{right:9px;}